<template>
  <div>
    <el-tabs v-model="activeTab" type="border-card" @tab-click="handleClick">
      <el-tab-pane label="挂号记录" name="挂号记录">
        <el-table :data="tableData" style="width: 100%">
          <el-table-column prop="date" label="序号" width="180">
          </el-table-column>
          <el-table-column prop="name" label="就诊时间" width="180">
          </el-table-column>
          <el-table-column prop="address" label="就诊医院">
          </el-table-column>
          <el-table-column prop="address" label="就诊科室">
          </el-table-column>
        </el-table>
      </el-tab-pane>
      <el-tab-pane label="门诊缴费" name="门诊缴费">
        <el-table :data="tableData" style="width: 100%">
          <el-table-column prop="date" label="序号">
          </el-table-column>
          <el-table-column prop="name" label="缴费时间">
          </el-table-column>
          <el-table-column prop="address" label="类型">
          </el-table-column>
          <el-table-column prop="address" label="金额">
          </el-table-column>
        </el-table>
      </el-tab-pane>
      <el-tab-pane label="检查校验" name="检查校验">
        <el-table :data="tableData" style="width: 100%">
          <el-table-column prop="date" label="序号">
          </el-table-column>
          <el-table-column prop="name" label="项目名称">
          </el-table-column>
          <el-table-column prop="address" label="类型">
          </el-table-column>
          <el-table-column prop="address" label="金额">
          </el-table-column>
        </el-table>
      </el-tab-pane>
      <el-tab-pane label="处方记录" name="处方记录">
        <el-table :data="tableData" style="width: 100%">
          <el-table-column prop="date" label="序号">
          </el-table-column>
          <el-table-column prop="name" label="处方用药">
          </el-table-column>
          <el-table-column prop="address" label="金额">
          </el-table-column>
        </el-table>
      </el-tab-pane>
    </el-tabs>
    <!-- Add your content here -->
  </div>
</template>

<script>
export default {
  name: "MedicalRecords",
  data(){
    return {
      activeTab:'挂号记录'
    }
  },
  methods:{
    handleClick(){

    }
  }
}
</script>

<style scoped></style>
